<template>
  <basic-container>
    <div class="wel-index">
      <el-collapse v-model="activeNames">
        <el-collapse-item title="关于Start" name="1">
          <p>
            <el-tag class="mx-1" effect="dark">Start</el-tag>
            是一款基于代码生成器的低代码开发平台！前后端分离架构
            SpringBoot2.x，Activit7.x，Element-plus&Vue3，Mybatis-plus，spring-security。强大的代码生成器让前后端代码一键生成，实现低代码开发!
          </p>
          <p>
            <el-tag class="mx-1" effect="dark">Start</el-tag>
            引领新的低代码开发模式(表单引擎-> 代码生成器-> 手工MERGE)，
            帮助解决Java项目70%的重复工作，让开发更多关注业务。既能快速提高效率，节省研发成本，同时又不失灵活性！
          </p>
          <p>
            <el-tag class="mx-1" effect="dark">Start</el-tag>
            简单功能由表单引擎配置实现，做到零代码开发；复杂功能由代码生成器生成或通过手工编码实现数据监听，数据表监听等Merge
            实现低代码开发，既保证了智能又兼顾灵活；实现了低代码开发的同时又支持灵活编码，解决了当前低代码产品普遍不灵活的弊端！
          </p>
          <p>
            <el-tag class="mx-1" effect="dark">Start</el-tag>
            提供了一系列低代码模块，实现在线开发真正的低代码：、表单设计器、在线设计流程、流程自动化配置、插件能力（可插拔）等等！
          </p>
          <p>
            <el-tag class="mx-1" effect="dark">Start</el-tag>
            业务流程: 采用Actiiti7.X工作流来实现、通实现对应接口可实现流程状态监听，流程任务监听从而扩展开发编写业务逻辑，表单表单引擎或自定义编写表单多种解决方案：
            表单设计器、配置表单、编码表单。同时实现了流程与表单的分离设计（松耦合）、并支持任务节点灵活配置，既保证了公司流程的保密性，又减少了开发人员的工作量。
          </p>
        </el-collapse-item>
        <el-collapse-item title="技术栈" name="2">
          <p>
            后端：
            <el-tag class="mx-1" effect="dark">java8</el-tag>
            <el-tag class="mx-1" effect="dark">spring-boot2.5.x</el-tag>
            <el-tag class="mx-1" effect="dark">spring-security</el-tag>
            <el-tag class="mx-1" effect="dark">redis</el-tag>
            <el-tag class="mx-1" effect="dark">mysql8</el-tag>
            <el-tag class="mx-1" effect="dark">activiti7.x</el-tag>
            <el-tag class="mx-1" effect="dark">minio</el-tag>
          </p>
          <p>
            前端：
            <el-tag class="mx-1" effect="dark">vite</el-tag>
            <el-tag class="mx-1" effect="dark">vue3</el-tag>
            <el-tag class="mx-1" effect="dark">Element plus</el-tag>
            <el-tag class="mx-1" effect="dark">vite</el-tag>
            <el-tag class="mx-1" effect="dark">axios</el-tag>
            <el-tag class="mx-1" effect="dark">vue-router</el-tag>
            <el-tag class="mx-1" effect="dark">avue</el-tag>
            <el-tag class="mx-1" effect="dark">bpmnjs</el-tag>
            <el-tag class="mx-1" effect="dark">vuex等技术</el-tag>
          </p>
        </el-collapse-item>
        <el-collapse-item title="代码下载" name="3">
          <p>前端 ：
            <el-link type="primary" href="https://gitee.com/clwx/start-admin-web-plus.git" target="_blank">
              https://gitee.com/clwx/start-admin-web-plus
            </el-link>
          </p>
          <p>后端：
            <el-link type="primary" href="https://gitee.com/clwx/start-admin-boot.git" target="_blank">
              https://gitee.com/clwx/start-admin-boot
            </el-link>
          </p>
          <p>顶级架构：
            <el-link type="primary" href="https://gitee.com/clwx/start-parent.git" target="_blank">
              https://gitee.com/clwx/start-parent
            </el-link>
          </p>

        </el-collapse-item>

      </el-collapse>
    </div>
  </basic-container>

</template>

<script>
import dashboard from './dashboard.vue'
import useUserStore from "@/stores/useUserStore";
import {mapState} from "pinia";

export default {
  name: "wel",
  components: {
    dashboard
  },
  computed: {
    ...mapState(useUserStore, ["userInfo"]),

  },
  data() {
    return {
      activeNames: ''
    }
  },
  created() {
  },
  methods: {}
};
</script>

<style scoped lang="scss">
@use "wel-index";

</style>
